﻿<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

    <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">-->

    <!-- 固定的css 和 common.js 的引用    -->
    <link rel="stylesheet" href="https://gitee.com/huaflower/honeybee-commonfile/raw/master/css/sm.min.css">
    <link rel="stylesheet" href="https://gitee.com/huaflower/honeybee-commonfile/raw/master/css/sm-extend.min.css">
		<script type="text/javascript" src="https://gitee.com/huaflower/honeybee-commonfile/raw/master/common/common/common.js"></script>
		
		<script type="text/javascript" src="https://gitee.com/huaflower/honeybee-commonfile/raw/master/js/js/vconsole.min.js"></script>
		<script>
			var vConsole = new VConsole();
		</script>
    
<style type="text/css">
  /*css 的样式都放在这里*/
 	/*first块布局*/
 	#mine_first #mine_first_one{
 		/*头像上边距*/
 		padding-top: 17px;
 		background-color: #02CAAD ;
 		/*border: solid red 1px;*/
 		padding-bottom: 10px;
 	}
 	#mine_first_div_portrait{
 		text-align: center;
 	}
  	#mine_first_div_portrait img{
  		height: 65px;
  		width: 65px;
  		border-radius: 50%;
  	}
  	.vip_VIP{
  		background-image: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/vip.png);
  		background-repeat: no-repeat;
  		background-size: 1.7rem 0.7rem;
  		background-position: 100% center;
  		padding-right: 2rem;
  	}
  	.no_vip_VIP{
  		
  	}

  	#mine_first_div_nickname{
  		text-align: center;
  		color: white;
  		font-weight: 700;
  	}
  	#mine_first_div_jinbi{
  		text-align: center;
  		color: white;
  	}
	#mine_first_two table{
		width: 100%;
	}
	#mine_first_two table td{
		width: 50%;
	}
	#mine_first_two table td div{
		width: 70%;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 5px;	
		padding-top: 5px;
		border-radius: 4px;
		margin-bottom: 10px;
		margin-top: 10px;
		color: white;
	}	
	#mine_first_two table #mine_first_two_td_one div{
		background-color: #00A9F2;
		padding-bottom: 0.3rem;	
		padding-top: 0.3rem;
		
	}
	#mine_first_two table #mine_first_two_td_two div{
		background-color: #FF4647;
		padding-bottom: 0.3rem;	
		padding-top: 0.3rem;
	}
	/*充值与账单之间的分割线*/
	#mine_first_two table #mine_first_two_td_one{
		border-right: solid #EFEFF4 1px;
	}
	/*充值与账单下面的分割线*/
	#mine_first{
		border-bottom: solid #EFEFF4 8px;
	}
	/*列表布局*/
	.main_buju{
		border-bottom: solid 1px #EFEFF4;
		width: 96%;
		margin-left: 4%;		
	}
	/*纠错与关于我们下面没有下划线*/
	#main_buju_last,#main_buju_third{
		border-bottom:none;
	}
	.main_buju table,.main_buju tr,.main_buju td{
		width: 100%;
	}
	/*纠错下的分割线*/
	#weizhi_third{
		/*border-bottom: solid 7px gainsboro;*/
		border-bottom: solid 7px #EFEFF4 ;
	}
	/*列表图片大小*/
	/*.item-link img{
		height: 1.2rem;
	}
	#list_jiucuo{
		position: relative;
		top: 1px;
	}*/
	/*上层更多的图标位置*/
	#mine_first_one{
		background:url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/index.png);
		background-repeat: no-repeat;
		background-size: .7rem;
		background-position: calc(100% - .5rem) center;
	}
	/*如果不加上层会有空白*/
	.list-block{
		margin: 0 0;
	}
	/*列表再布局*/
	.mine_list{
		height: 3.5rem;
		padding-left: 2.5rem;
	}
	#mine_liebiao_beijingse{
		background-color: white;
	}
	/*订单布局背景*/
	#mine_dingdan{	
		background: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/1@2x.png) no-repeat 0% 50%,
  					url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/index.png) no-repeat calc(100% - .5rem) center;
  		background-size: 2rem 2rem, 0.7rem 0.7rem;	
	}
	/*收藏布局背景*/
	#mine_shoucang{		
		background: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/2@2x.png) no-repeat 0% 50%,
  					url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/index.png) no-repeat calc(100% - .5rem) center;
  		background-size: 2rem 2rem, 0.7rem 0.7rem;	
	}
	/*纠错布局背景*/
	#mine_jiucuo{
		background: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/3@2x.png) no-repeat 0% 50%,
  					url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/index.png) no-repeat calc(100% - .5rem) center;
  		background-size: 2rem 2rem, 0.7rem 0.7rem;	
	}
	/*纠错下面分割线样式*/
	/*反馈布局背景*/
	#mine_fankui{
		background: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/4@2x.png) no-repeat 0% 50%,
  					url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/index.png) no-repeat calc(100% - .5rem) center;
  		background-size: 2rem 2rem, 0.7rem 0.7rem;	
	}
	/*关于我们布局背景*/
	#mine_about{
		background: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/jichuxinxi.png) no-repeat 0% 50%,
  					url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/index.png) no-repeat calc(100% - .5rem) center;
  		background-size: 2rem 2rem, 0.7rem 0.7rem;	
	}
</style>


</head>
<body>
<div class="page-group">
    <div class="page page-current" >
       
        <!-- html代码内容区域 -->
        <div class="content">
		  <div class="list-block media-list">
		    <ul>
		    	<li>
		    		<div id="mine_first" >
		        		<div id="mine_first_one" onclick="mine_gerenxinxi()">
		        			<div id="mine_first_div_portrait">
		        				<!--头像位置-->
		        				<img src="https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/default_photo.png" style="background-color: white"/>
			        		</div>
			        		<div id="mine_first_div_nickname">
			        			<span id="mine_nickname"></span>
			        			
			        			<!--<span id="mine_vip">VIP</span>-->
			        			<!--<span id="mine_vip">VIP</span>-->
			        		</div>
			        		<div id="mine_first_div_jinbi">
			        			<span id="main_amount">
			        				金币：0
			        			</span>
			        		</div>
		        		</div>
		        		<div id="mine_first_two">
		        			<table>
		        				<tr>
		        					<td id="mine_first_two_td_one">
		        						<div id="" onclick="mine_chongzhi()">
		        							<span id="">
		        								充值
		        							</span>
		        						</div>
		        					</td>
		        					<td id="mine_first_two_td_two">
		        						<div id="" onclick="mine_zhangdan()">
		        							<span id="">
		        								账单
		        							</span>
		        						</div>
		        					</td>
		        				</tr>
		        			</table>
		        		</div>
		        	</div>
		    	</li>
		      
		    </ul>
		    <!--五个链接处-->
		    <div id="mine_liebiao_beijingse">
		    	<div id="" class="weizhi" onclick="mine_mydingdan()">
		    		<div id="" class="main_buju">
		    			<table>
		    				<tr>
		    					<td id="mine_dingdan" class="mine_list">我的订单</td>
		    				</tr>
		    			</table>
		    		</div>
		    	</div>
		    	<div id="" class="weizhi" onclick="mine_myshoucang()">
		    		<div id="" class="main_buju">
		    			<table>
		    				<tr>
		    					<td id="mine_shoucang" class="mine_list">我的收藏</td>
		    				</tr>
		    			</table>
		    		</div>
		    	</div>
		    	<div id="weizhi_third" class="weizhi" onclick="mine_myjiucuo()">
		    		<div id="main_buju_third" class="main_buju">
		    			<table>
		    				<tr>
		    					<td id="mine_jiucuo" class="mine_list">我的纠错</td>
		    				</tr>
		    			</table>
		    		</div>
		    	</div>
		    	<div id="" class="weizhi" onclick="mine_myyijian()">
		    		<div id="" class="main_buju">
		    			<table>
		    				<tr>
		    					<td id="mine_fankui" class="mine_list">意见反馈</td>
		    				</tr>
		    			</table>
		    		</div>
		    	</div>
		    	<div id="" class="weizhi" onclick="mine_mineaboutmine()">
		    		<div id="main_buju_last" class="main_buju">
		    			<table>
		    				<tr>
		    					<td id="mine_about" class="mine_list">关于我们</td>
		    				</tr>
		    			</table>
		    		</div>
		    	</div>
		    </div>
		    
		  </div>
		</div>
        
        
	
    </div>
</div>





<!-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
<script type="text/javascript" src="https://gitee.com/huaflower/honeybee-commonfile/raw/master/js/jquery-1.11.1.min.js"></script>
<!-- 这一行代码是为了 避免js冲突 -->
<script type="text/javascript">var $$ =jQuery.noConflict();</script>
<script type='text/javascript' src='https://gitee.com/huaflower/honeybee-commonfile/raw/master/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/honeybee-commonfile/raw/master/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/honeybee-commonfile/raw/master/js/sm-extend.min.js' charset='utf-8'></script>


<script type="text/javascript">
// 函数区域，函数放在“初始化区域的上面”
  
  function getParams(data){
  	// data需要转成json调用 ，函数urlParamParseJson();
    var jsonData = urlParamParseJson(data);
  	var params = {
   		user_id:jsonData.id
   	}
   	net_request('get','user/info',params,infosuccessCallBack,errorCallBack);
  }


  //成功的回调函数 
  function infosuccessCallBack(data){
	
    // isNotNull() 用来判断字段不为空
      if(isNotNull(data)){
//        console.log(data);
        if(data.success==true){
          console.log(data);
          var curval = data.data;
          // isNotNull() 用来判断字段不为空
          if(isNotNull(curval.nickname)){
             	$$("#mine_nickname").text(curval.nickname);
            }
            if(isNotNull(curval.avatar_url)){
            	var mine_touxiang = '<img src="'+curval.avatar_url+'"/>'
             	$$("#mine_first_div_portrait").html(mine_touxiang);
            }
            if(isNotNull(curval.vip)){
//          	1为VIP客户,2位普通客户
				var vip_style ='\
					style="background-image: url(https://gitee.com/huaflower/honeybee-commonfile/raw/master/img/vip.png);\
			  		background-repeat: no-repeat;\
			  		background-size: 1.7rem 0.8rem;\
			  		background-position: 100% center;\
			  		padding-right: 2rem;"\
				';
            	if(curval.vip==1){
//          		$$("#mine_vip").css("display","black");
            		$$("#mine_nickname").toggleClass("vip_VIP");
//          		$$("#mine_nickname").toggleClass("red");
//					$$("#mine_nickname").css("color","red");
            	}else if(curval.vip==2){
            		$$("#mine_nickname").toggleClass("no_vip_VIP");
//          		$$("#mine_vip").css("display","none");
					
            	}else{
            		$$("#mine_nickname").toggleClass("no_vip_VIP");
//          		$$("#mine_vip").css("display","none");
					
            	}
            }
            if(isNotNull(curval.amount)){
            	var jinbi="金币:"+curval.amount;
             	$$("#main_amount").text(jinbi);
            }
        }
      }
 }

  // 失败的回调函数
  function errorCallBack(data){
    console.log(data);
  }
  
//	个人信息跳转
  	function mine_gerenxinxi(){
		native_goto('local/mine_gerenxinxi_html');
	}
//	充值跳转
  	function mine_chongzhi(){
		native_goto('local/mine_chongzhi_html');
	}
//	账单跳转
  	function mine_zhangdan(){
		native_goto('local/mine_zhangdan_html');
	}
//	我的订单跳转
  	function mine_mydingdan(){
		native_goto('local/mine_mydingdan_html');
	}
//	我的收藏跳转
  	function mine_myshoucang(){
		native_goto('local/mine_myshoucang_html');
	}
//	我的纠错跳转
  	function mine_myjiucuo(){
		native_goto('local/mine_myjiucuo_html');
	}
//	意见反馈跳转
	function mine_myyijian(){
		native_goto('local/mine_myyijian_html');
	}
//	关于我们跳转
	function mine_mineaboutmine(){
		native_goto('local/mine_mineaboutmine_html');
	}
  
	
   // 初始化区域
   $$(function () {

   	
      // getParams("getParams?id="+curuserid);
        
      $.init();
   });


    
</script>
</body>
</html>